<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Cine+</title>
    </h:head>
    
     <p:layoutUnit position="west" size="150">  
               <h:graphicImage library="Imagenes" name="cine2.jpg" height="150" width="200">
                   <h:graphicImage library="Imagenes" name="cine3.jpg" height="150" width="200">
                       <h:graphicImage library="Imagenes" name="cine4.jpg" height="150" width="200">
                           <h:graphicImage library="Imagenes" name="cine5.jpg" height="150" width="200">
                               <h:graphicImage library="Imagenes" name="cine6.jpg" height="150" width="200">
                                   <h:graphicImage library="Imagenes" name="cine7.jpg" height="150" width="200">
                                       
                                   </h:graphicImage>
                               </h:graphicImage>
                           </h:graphicImage>                       
                   </h:graphicImage>
               </h:graphicImage>
               </h:graphicImage>
                
            </p:layoutUnit>  
    <h:body>
        <p:tabMenu activeIndex="0">  
    <p:menuitem value="Peliculas" url="/ui/tabMenu.jsf" />  
    <p:menuitem value="Descuentos y Promociones" url="/ui/tabMenuDemos.jsf"  />  
    <p:menuitem value="Estrenos" url="/ui/tabMenuDocumentation.jsf" />  
    <p:menuitem value="Login" url="/ui/tabMenuSupport.jsf" />  
     
</p:tabMenu>  
             
        <p:galleria value="#{galleriaBean.images}" var="image" panelWidth="500" panelHeight="313" showCaption="true">  
    <p:graphicImage value="Imagenes#{image}" alt="Image Description for #{image}" title="#{image}"/>  
</p:galleria>  
  
<!--<h3>Custom Content</h3>  
<p:galleria id="contentGalleria" value="#{galleriaBean.players}" var="player" panelWidth="250" panelHeight="200"  
            frameWidth="48" frameHeight="65" effect="clip">  
  
    <p:graphicImage id="playerImage" value="/images/barca/#{player.photo}" alt="#{image}" title="#{player.name}"/>  
    <f:facet name="content">  
        <h:panelGrid  columns="2" cellpadding="5">  
            <f:facet name="header">  
                <p:graphicImage value="/images/barca/#{player.photo}" />  
            </f:facet>  
  
            <h:outputText value="Name: " />  
            <h:outputText id="name" value="#{player.name}"/>  
  
            <h:outputText value="Number " />  
            <h:outputText id="number" value="#{player.number}"/>  
  
            <h:outputText value="Position " />  
            <h:outputText id="position" value="#{player.position}"/>  
        </h:panelGrid>  
    </f:facet>  
  
</p:galleria>  -->
                      
    </h:body>
</html>

